.team-card {
    margin: 0.3rem 0.3rem;
    overflow: hidden;
    border-radius: 6px;
    background: linear-gradient(0deg, rgba(255, 26, 36, 1) 0%, rgba(255, 90, 84, 1) 100%);
    box-shadow: 0px 20px 30px 0px rgba(255, 0, 0, 0.2);
    height: 3.4rem;
    position: relative;

    .rank-button {
        position: absolute;
        right: 0;
        top: 0.64rem;
        background: linear-gradient(90deg, rgba(255, 242, 110, 1), rgba(255, 208, 37, 1));
        border-radius: 32px 0px 0px 32px;
        padding: 0.16rem 0.3rem 0.16rem 0.34rem;
        color: #CA9300;
    }

    .card-user {
        padding: 0.45rem 0.5rem 0.5rem;
        display: flex;



        .avatar {
            width: 1.14rem;
            height: 1.14rem;
            background-color: #fff;
            border-radius: 50%;
            display: inline-block;
        }

        .avatar-user-info {
            color: #fff;
            font-size: 0.32rem;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            padding-left: 0.1rem;
            width: 3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            align-items: flex-start;

            .identity {
                font-size: 0.28rem;
                border: 0.01rem solid #fff;
                border-radius: 50px;
                padding: 0.03rem 0.1rem;
                display: inline-block;
            }
        }
    }

    .card-info {
        display: flex;
        text-align: center;
        color: #fff;

        .info-item {
            flex: 1;
            position: relative;

            &:last-child {
                &::after {
                    width: 0px
                }
            }

            &::after {
                content: '';
                background-color: #fff;
                width: 1px;
                position: absolute;
                top: 0.1rem;
                bottom: 0.1rem;
                right: -0.01rem;
            }

            .info-icon {
                width: 0.32rem;
                height: 0.32rem;
                margin-right: 0.1rem;
                vertical-align: middle;
            }

            .info-text {
                font-size: 0.28rem;
                vertical-align: middle;
            }

            .info-num {
                font-size: 0.4rem;
                margin-bottom: 0.1rem
            }
        }
    }
}